<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Aroma Shop - register</title>
	<link rel="icon"       th:href="@{/img/Fevicon.png}" type="image/png">
	<link rel="stylesheet" th:href="@{/vendors/bootstrap/bootstrap.min.css}">
	<link rel="stylesheet" th:href="@{/vendors/fontawesome/css/all.min.css}">
	<link rel="stylesheet" th:href="@{/vendors/themify-icons/themify-icons.css}">
	<link rel="stylesheet" th:href="@{/vendors/linericon/style.css}">
	<link rel="stylesheet" th:href="@{/vendors/owl-carousel/owl.theme.default.min.css}">
	<link rel="stylesheet" th:href="@{/vendors/owl-carousel/owl.carousel.min.css}">
	<link rel="stylesheet" th:href="@{/vendors/nice-select/nice-select.css}">
	<link rel="stylesheet" th:href="@{/vendors/nouislider/nouislider.min.css}">
	<link rel="stylesheet" th:href="@{/css/elegant-icons.css}" type="text/css">
	<link rel="stylesheet" th:href="@{/css/style.css}">
	<link rel="stylesheet" th:href="@{/css/style-1.css}">
</head>
<body>
<!--================ Start Header Menu Area =================-->
<header th:replace="~{comm/common::header}"/>
<!--================ End Header Menu Area =================-->

<!--================Login Box Area =================-->
<section class="login_box_area section-margin">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<div class="login_box_img">
					<div class="hover">
						<h4>已有帐号?</h4>
						<a class="button button-account" href="/login">登录</a>
					</div>
				</div>
			</div>
			<div class="col-lg-6">
				<div class="login_form_inner register_form_inner">
					<h3>注册账号</h3>
<!--					<form class="row login_form" action="/register" method="post" id="register_form" >-->
					<form class="row login_form" id="register_form" >
						<div class="col-md-12 form-group">
							<input type="text" class="form-control" id="username" name="username" placeholder="用户名" onfocus="this.placeholder = ''"
								   onblur="this.placeholder = '用户名';verifyUserName()"><span id="un"></span>
						</div>
						<div class="col-md-12 form-group">
							<input type="text" class="form-control" id="phone" name="phone" placeholder="电话号码" onfocus="this.placeholder = ''"
								   onblur="this.placeholder = '电话';verifyUserPhone()"><span id="ph"></span>
						</div>
						<div class="col-md-12 form-group">
							<input type="text" class="form-control" id="email" name="email" placeholder="邮箱" onfocus="this.placeholder = ''"
								   onblur="this.placeholder = '邮箱';verifyUserEmail()"><span id="em"></span>
						</div>
						<div class="col-md-12 form-group">
							<input type="password" class="form-control" id="password" name="password" placeholder="密码" onfocus="this.placeholder = ''" onblur="this.placeholder = '密码'">
						</div>
						<div class="col-md-12 form-group">
							<input type="password" class="form-control" id="confirmPassword" name="confirmPassword" placeholder="确认密码" onfocus="this.placeholder = ''"
								   onblur="this.placeholder = '确认密码';validatePwd()"/><span id="hint"></span>
						</div>
<!--						<div class="col-md-12 form-group">-->
<!--							<div class="creat_account">-->
<!--								<input type="checkbox" id="f-option2" name="selector">-->
<!--								<label for="f-option2">Keep me logged in</label>-->
<!--							</div>-->
<!--						</div>-->
						<div class="col-md-12 form-group text-info-light">
							<input type="button" value="注册" onclick="checkAll()" class="button button-register w-100" id="submit"/>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
<!--================End Login Box Area =================-->



<!--================ Start footer Area  =================-->
<footer th:replace="~{comm/common::footer}"/>
<!--================ End footer Area  =================-->



<script th:src="@{/vendors/jquery/jquery-3.2.1.min.js}"></script>
<script th:src="@{/vendors/bootstrap/bootstrap.bundle.min.js}"></script>
<script th:src="@{/vendors/skrollr.min.js}"></script>
<script th:src="@{/vendors/owl-carousel/owl.carousel.min.js}"></script>
<script th:src="@{/vendors/nice-select/jquery.nice-select.min.js}"></script>
<script th:src="@{/vendors/jquery.ajaxchimp.min.js}"></script>
<script th:src="@{/vendors/mail-script.js}"></script>
<script th:src="@{/js/main.js}"></script>
<script th:src="@{/js/handle/registerCheck.js}"></script>

</body>
</html>
